---
import Layout from "../layouts/Layout.astro";
import PlayProduce from "../components/PlayProduce.astro";
import data from "virtual:json-conf";
import Banner from "../components/Banner.vue";

const { home } = data;

const { swiper, playInfo } = home || {
  swiper: [],
  playInfo: [],
};
---

<Layout>
  <div>
    {swiper?.map((banners) => <Banner banners={banners} client:only="vue" />)}
  </div>
  <PlayProduce playInfo={playInfo} />
</Layout>
